<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<link rel="stylesheet" href="static/css/bootstrap.css" media="screen">
<link rel="stylesheet" href="static/css/common_h5.css" media="screen">
<link rel="stylesheet" href="static/css/media_h5.css" media="screen">
<script type="text/JavaScript" src='static/js/jquery.min.js'></script>
<script type="text/JavaScript" src='static/js/bootstrap.min.js'></script>
<script type="text/javascript" src="static/js/common.js"></script>
</head>
<body>
<div class="head_10">
  <div class="container">
    <div class="box">
		  <div class="l">
          <a href="" class="normal_logo"></a>
          <a href="" class="small_logo"><img src="static/picture/584b6d17d3f8b.png"></a>
      </div>
      <script type="text/javascript">
       var timeout         = 500;
       var closetimer     = 0;
       var ddmenuitem      = 0;
       function main_nav_open(){
        main_nav_canceltimer();
        main_nav_close();
        ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
       }
       function main_nav_close(){
        if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
       }
       function main_nav_timer(){
        closetimer = window.setTimeout(main_nav_close, timeout);
       }
       function main_nav_canceltimer(){
        if(closetimer){
         window.clearTimeout(closetimer);
         closetimer = null;
        }
       }
       $(document).ready(function(){
        $('#main_nav > li').bind('mouseover', main_nav_open);
        $('#main_nav > li').bind('mouseout',  main_nav_timer);
       });
       document.onclick = main_nav_close;
      </script>
      <div class="nav_box">
          <ul id="main_nav">
            <li class="nav_home"><a href="" id="nav_home">首页</a></li>
            <li><a href="about.html" id="nav_s_1">关于我们</a></li>
            <li><a href="team.html" id="nav_team">团队</a></li>
            <li><a href="article.html" id="nav_article">动态</a></li>
            <li><a href="note.html" id="nav_s_5">联系</a></li>
          </ul>
      </div>
    </div>
  </div>
</div>
<div class="m_head_10_bt">
    <span class="head_menu glyphicon glyphicon-th-list"></span>
    <span class="head_menu_hover glyphicon glyphicon-remove"></span>
</div>
<div class="m_head_10_nav">
<!--    <img src="static/picture/584b6d17d3f8b.png" class="m_logo">-->
    <div class="m_nav_list">
        <a class="li" href="index.html">
            <span class="glyphicon glyphicon-home"></span>
            <b>首页</b>
        </a>
        <a class="li" href="about.html">
            <span class="glyphicon glyphicon-info-sign"></span>
            <b>关于我们</b>
        </a>
        <a class="li" href="">
            <span class="glyphicon glyphicon-globe"></span>
            <b>动态</b>
        </a>
        <a class="li" href="team.html">
            <span class="glyphicon glyphicon-magnet"></span>
            <b>团队</b>
        </a>
        <a class="li" href="note.html">
            <span class="glyphicon glyphicon-map-marker"></span>
            <b>联系</b>
        </a>
    </div>
</div>
<script type="text/javascript">
    $(function(){
    $('.head_menu').click(function(){
        $('.head_menu').fadeOut();
        $('.head_menu_hover').fadeIn();
        $('.m_head_10_nav').slideToggle();
    });
    $('.head_menu_hover').click(function(){
        $('.head_menu_hover').fadeOut();
        $('.head_menu').fadeIn();
        $('.m_head_10_nav').slideToggle();
    });

})
</script>

<script>
$(function(){
    $('#navv').onePageNav();
});
</script>
<!--<ul id="navv">
  <li class="current"><a href="#One"></a></li>
  <li><a href="#Four"></a></li>
  <li><a href="#Five"></a></li>
</ul>-->

<link href="static/css/shangfoxFocus_3.css" type="text/css" rel="stylesheet">
<script src="static/js/shangfoxFocus_3_jquery.easing.js" type="text/javascript"></script>
<script src="static/js/shangfoxFocus_3_studio.js" type="text/javascript"></script>
<div id="portfolio" class="sel_portfolio" style="display:none;">
  <div class="ps_box" id="One">
    <div class="pics_switch">
      <div class="pb">
        <div class="pic_box"><a class="pic_banner_001" href="#" style="background:url(static/image/59a7cac6382e4.jpg)  center top no-repeat"></a></div><div class="pic_box"><a class="pic_banner_002" href="#" style="background:url(static/image/58634fa2083ab.jpg)  center top no-repeat"></a></div><div class="pic_box"><a class="pic_banner_003" href="#" style="background:url(static/image/58634fb62c629.jpg)  center top no-repeat"></a></div><div class="pic_box"><a class="pic_banner_004" href="#" style="background:url(static/image/58634fc64fc4a.jpg)  center top no-repeat"></a></div><div class="pic_box"><a class="pic_banner_005" href="#" style="background:url(static/image/5ee389428bd03.jpg)  center top no-repeat"></a></div><div class="pic_box"><a class="pic_banner_006" href="#" style="background:url(static/image/58634f6a9f297.jpg)  center top no-repeat"></a></div>      </div>
      <div class="viewArrows prev">上一张</div>
      <div class="viewArrows next">下一张</div>
      <div class="pics_switch_clients">
        <ul>
        <li class="li_1"><span class="current">1</span></li>
          <li class="li_2"><span>2</span></li>
          <li class="li_3"><span>3</span></li>
          <li class="li_4"><span>4</span></li>
          <li class="li_5"><span>5</span></li>
          <li class="li_6"><span>6</span></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<script type="text/JavaScript" src='static/js/jquery.SuperSlide.2.1.1.js'></script>
<style type="text/css">
  /* fullSlide */
.fullSlide{ width:100%;  position:relative;  height:640px; float: left;z-index: 100;margin-top: 100px;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:640px; overflow:hidden; text-align:center; background-position: center top;background-repeat: no-repeat;background-size: 1920px;}
.fullSlide .bd li a{ display:block; height:640px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:60px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:25px; height:1px; margin:2px; overflow:hidden; background:#fff;filter:alpha(opacity=80);opacity:0.8;  line-height:999px; }
.fullSlide .hd ul .on{ background:#fa0;filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(static/image/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
.fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; }
@media (max-width: 1380px) {
.fullSlide{height:460px;}
.fullSlide .bd li{height:460px;background-size: 1380px;  }
.fullSlide .bd li a{height:460px; }
.fullSlide .hd ul li{width:25px; height:1px;}
.fullSlide .prev,
.fullSlide .next{top:50%; margin-top:-30px; left:10%;}
.fullSlide .next{left:auto;right:10%;}
}
@media (max-width: 1200px) {
.fullSlide{height:400px;}
.fullSlide .bd li{height:400px;background-size: 1200px;  }
.fullSlide .bd li a{height:400px; }
.fullSlide .hd ul li{width:25px; height:1px;}
.fullSlide .prev,
.fullSlide .next{top:50%; margin-top:-30px; left:10%;}
.fullSlide .next{left:auto;right:10%;}
}
@media (max-width: 992px) {
.fullSlide{height:300px;}
.fullSlide .bd li{height:300px;background-size: 992px;  }
.fullSlide .bd li a{height:300px; }
.fullSlide .hd{height:40px; }
.fullSlide .hd ul li{width:25px; height:1px;}
.fullSlide .prev,
.fullSlide .next{top:50%; margin-top:-30px; left:10%;}
.fullSlide .next{left:auto;right:10%;}
}
@media (max-width: 768px) {
.fullSlide{height:256px;margin-top: 0;}
.fullSlide .bd li{height:256px;background-size: 768px;  }
.fullSlide .bd li a{height:256px; }
.fullSlide .hd{height:35px; }
.fullSlide .hd ul li{width:25px; height:1px;}
.fullSlide .prev,
.fullSlide .next{top:50%; margin-top:-30px; left:0%;}
.fullSlide .next{left:auto;right:0%;}
}
@media (max-width: 480px) {
.fullSlide{height:200px;}
.fullSlide .bd li{height:200px;background-size: 600px;  }
.fullSlide .bd li a{height:200px; }
.fullSlide .hd{height:35px;}
.fullSlide .hd ul li{width:20px; height:1px;}
}
@media (max-width: 400px) {
.fullSlide{height:160px;}
.fullSlide .bd li{height:160px;background-size: 480px;  }
.fullSlide .bd li a{height:160px; }
.fullSlide .hd{height:35px;}
.fullSlide .hd ul li{width:20px; height:1px;}
}

@media (max-width: 375) {
.fullSlide{height:150px;}
.fullSlide .bd li{height:150px;background-size: 450px;  }
.fullSlide .bd li a{height:150px; }
.fullSlide .hd{height:35px;}
.fullSlide .hd ul li{width:20px; height:1px;}
}
</style>
<!-- fullSlide -->
<div class="fullSlide">
  <div class="bd">
    <ul id="shuffling">
    </ul>
  </div>
  <div class="hd"><ul></ul></div>
  <span class="prev"></span>
  <span class="next"></span>
</div>

<div class="mainAllNews" style="background-image:url(static/image/584af8ba14c39.jpg) " id="Five">
  <div class="container">
      <div class="box">
        <div class="t">
          <i>Spotlight</i>
          <em></em>
          <b>新闻动态</b>
        </div>
        <div class="c">
          <ul class="newslist">
          </ul>
        </div>
      </div>
  </div>
</div>
<div class="popubnewsbg"></div>
<div class="popub">
    <a href="javascript:;" class="closes"><span class="glyphicon glyphicon-remove"></span></a>
    <div class="popub_info"></div>
</div>


<div class="footer_15_Wrap">
    <div class="container footer_15">
        <div class="box">
            <div class="p">
                <div class="span">
                    <a href="about.html">关于我们</a>  |
                    <a href="team.html">团队</a>  |
                    <a href="article.html">动态</a>  |
                    <a href="">联系</a>
                    <br>
                    <span class="icpNum"></span>&emsp;<span class="companyName"></span><br>
                    <span class="address"></span>
                    电话 <span class="tel"></span>
                    传真 <span class="faxNum"></span>
                    邮编 <span class="postCode"></span>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="notice-box">
    <div class="notice">
        <div class="notice-info"></div>
        <div style="text-align: center;margin-top: 20px;">
            <button class="agree">是</button>
            <button>否</button>
        </div>

    </div>

</div>


<script language="javascript" type="text/javascript" src="static/js/backToTop.js"></script>
<script>SHANGFOX.BackTop.init();</script>
<script type="text/javascript">
    var flag = window.localStorage.getItem("flag");
    if(flag === null){
        $('.notice-box').css('display','block');
    }
    $(".agree").on("click",function(){
        window.localStorage.setItem("flag",true);
        location.reload();
    });
    var url = 'http://47.114.140.229';
    //页头页尾

    $.get(url+"/site/info", function(data){
        $('.icpNum').html(data.data.icpNum);
        $('.companyName').html(data.data.companyName);
        $('.address').html(data.data.address);
        $('.tel').html(data.data.tel);
        $('.faxNum').html(data.data.faxNum);
        $('.postCode').html(data.data.postCode);
        $('.domain').html(data.data.domain);
        var Content = '<img src=" ' + data.data.logoUrl+ ' " style="height: 65px"/>';
        $(".normal_logo").append(Content);
        $("meta[name='og:description']").attr('content', data.data.description);
        $("meta[name='og:keyword']").attr('content', data.data.keyword);
        document.title = data.data.name;
        $('.notice-info').html(data.data.notice);

    });

    $.get(url+"/site/index", function(data){
        var banner = data.data.banner;
        var news = data.data.news;
        //轮播
        var shuffling = document.getElementById("shuffling");
        for(var i = 0; i < banner.length; i++) {
            shuffling.innerHTML += "<li  _src='url("+banner[i]+")'></li>";
        }
        jQuery(".fullSlide").hover(
            function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.2) },
            function(){
                jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.1)//此行是鼠标经过后，左右剪头回到0.2时的透明度
                //jQuery(this).find(".prev,.next").fadeOut() //鼠标经过消失，如果想一起停留，则注释此行
            }
        );
        jQuery(".fullSlide").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click",
            startFun:function(i){
                var curLi = jQuery(".fullSlide .bd li").eq(i); /* 当前大图的li */
                if( !!curLi.attr("_src") ){
                    curLi.css("background-image",curLi.attr("_src")).removeAttr("_src") /* 将_src地址赋予li背景，然后删除_src */
                }
            }
        });

        //newsj
        var newslist = document.querySelector(".newslist");
        for(var i = 0; i < news.length; i++) {
            var j = i +1;
            newslist.innerHTML += "<li alt='"+ j +"'>" +
                "<span id=''> " + news[i].title + "</span>" +
                "<div id='' class='t'>" + news[i].shortDesc + "</div>" +
                "<a href='javascript:;' class='more'>查看详情</a></div>";

            var article = $('<div class="popubnews popubnews_'+j+'">\n' +
                '      <a href="javascript:;" class="closes"><span class="glyphicon glyphicon-remove"></span></a>\n' +
                '      <div class="box">\n' +
                // '        <div class="l" style="with:30px;height:30px"><img width="50%" src="'+ news[i].cover+'"></div>\n' +
                '        <div class="r">\n' +
                '          <div class="t">'+ news[i].title+'</div>\n' +
                '          <div class="em"><i></i></div>\n' +
                '          <div class="span">Time：'+ news[i].createdAt+'</div>\n' +
                '          <div class="text">'+ news[i].content+'</div>\n' +
                '        </div>\n' +
                '      </div>\n' +
                '  </div>');
            $('.footer_15_Wrap').before(article);
        }
        $('#nav_home').addClass('cur');
        $('.newslist a').click(function(){
            var i = $(this).attr('alt');
            $('.popub').css('display','none');
            $('.popub_'+i).css('display','block');
            $('.popubbg').css('display','block');
        });
        $('.closes').click(function(){
            $('.popub').css('display','none');
            $('.popubbg').css('display','none');
        });
        $('.newslist li').click(function(){
            var i = $(this).attr('alt');
            $('.popubnews').css('display','none');
            $('.popubnews_'+i).css('display','block');
            $('.popubnewsbg').css('display','block');
        });
        $('.closes').click(function(){
            $('.popubnews').css('display','none');
            $('.popubnewsbg').css('display','none');
        });
        $('.popubnewsbg').click(function(){
            $('.popubnews').css('display','none');
            $('.popubnewsbg').css('display','none');
            $('.popub').css('display','none');
            $('.popubbg').css('display','none');
        });
    });
</script>
</body>
</html>
